<template>
  <div>
    

  <footer class="footer isPc">
    <section class="footInfo">
      <section class="footTeam">
        <div class="item itemA">
          <span class="icon icon01"></span>
          <p class="title">当天送达</p>
          <p class="txtle">每天发货2次,当天送达</p>
        </div>
        <div class="item itemB">
          <span class="icon icon02"></span>
          <p class="title">专业团队</p>
          <p class="txtle">专门技术人员管理订单资料，管理发货</p>
        </div>
        <div class="item itemC">
          <span class="icon icon03"></span>
          <p class="title">品质保障</p>
          <p class="txtle">每天及时检查更换货品</p>
        </div>
      </section>
      <section class="footBox">
        <div class="item item01">
          <p class="title">联系我们</p>
          <p class="linkItem"><span class="icon02"></span>: 07864617062</p>
        </div>
        <div class="item item02">
          <router-link class="title" tag="p" :to="{path:'/faqList'}">FAQ</router-link>
          <p class="linkTitle"><router-link tag="a" :to="{path:'/faqA'}">关于会员</router-link></p>
          <p class="linkTitle"><router-link tag="a" :to="{path:'/faqB'}">关于购买</router-link></p>
          <p class="linkTitle"><router-link tag="a" :to="{path:'/faqC'}">关于优惠码</router-link></p>
          <p class="linkTitle"><router-link tag="a" :to="{path:'/faqD'}">关于订单</router-link></p>
          <p class="linkTitle"><router-link tag="a" :to="{path:'/faqE'}">关于使用条款</router-link></p>
        </div>
        <div class="item item03">
          <router-link class="title" tag="p" :to="{path:'/socket'}">客服中心</router-link>
          <p class="linkTitle">在线时间：9:00--22:00</p>
        </div>
        <div class="item item04">
          <router-link class="title" tag="p" :to="{path:'/faqF'}">隐私政策</router-link>
        </div>
        <div class="item item05">
          <router-link class="title" tag="p" :to="{path:'/faqG'}">用户协议</router-link>
        </div>
      </section>
      <section class="footBottom">
        <span class="goTop" @click="goTop"></span>
        <p class="cn">Copyrightⓒ 2017-Ukmimi Market.All rights reserved.</p>
      </section>
      <section class="qqBox">
          <!-- <div class="qqA" v-if="!qqStatus"></div> -->
          <div class="qqB">

            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1591719878&amp;site=qq&amp;menu=yes" >
            <div class="qq">
              <div class="qqInfo">
                <p class="qqMain"><span><img src="/static/images/qq.png" alt=""></span></p>
              </div>
              <p class="title">QQ在线咨询</p>
            </div>
            </a>
            <div class="tel">
              <p class="title">咨询热线</p>
              <p>07864617062</p>
            </div>
          </div>
      </section>
    </section>
  </footer>
  
  <footer class="footerWap isWap">
      <p class="wapQQ"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1591719878&amp;site=qq&amp;menu=yes" ></a></p>
      <div class="wapInfo">
        <div class="fl">
          <p class="title">联系我们</p>
          <p>TEL:07864617062</p>
          <p>QQ:1591719878</p>
        </div>
        <div class="fr">
          <router-link tag="p" class="title" :to="{path:'/faqList'}">FAQ</router-link>
          <router-link tag="p" :to="{path:'/faqA'}">关于会员</router-link>
          <router-link tag="p" :to="{path:'/faqB'}">关于购买</router-link>
          <router-link tag="p" :to="{path:'/faqC'}">关于优惠码</router-link>
          <router-link tag="p" :to="{path:'/faqD'}">关于订单</router-link>
          <router-link tag="p" :to="{path:'/faqE'}">关于使用条款</router-link>
        </div>
      </div>
      <p class="footWapTitle">
        Copyright©2017-Ukmimi Market.All right reserved.
      </p>
  </footer>
</div>
</template>
<script>
export default {
  name: 'footer',
  data() {
    return {
      qqStatus:false,
      navt: [
        { id: 1, title: '首页', src: 'nav01', url: '/home' },
        { id: 2, title: '购物车', src: 'nav02', url: '/cart' },
        { id: 3, title: '我的订单', src: 'nav03', url: '/order' },
        { id: 4, title: '会员中心', src: 'nav04', url: '/about' }
      ]
    }
  },
  computed: {
    active() {
      let name = this.$route.path.substring(1);
      let vArr = [
        { title: '', num: 1 },
        { title: 'home', num: 1 },
        { title: 'show', num: 1 },
        { title: 'cart', num: 2 },
        { title: 'cartAdd', num: 2 },
        { title: 'order', num: 3 },
        { title: 'orderDes', num: 3 },
        { title: 'about', num: 4 },
        { title: 'address', num: 4 },
        { title: 'addressAdd', num: 4 },
        { title: 'addressEt', num: 4 },
        { title: 'admin', num: 4 },
        { title: 'card', num: 4 },
        { title: 'integral', num: 4 },
        { title: 'integralList', num: 4 }
      ]
      for (let i = 0; i < vArr.length; i++) {
        if (vArr[i].title == name) {
          return vArr[i].num
        }
      }



    }
  },
  methods:{
    goTop(){
      document.documentElement.scrollTop = document.body.scrollTop =0;
    },
    click(){
      this.qqStatus=!this.qqStatus
    }
  }
}

</script>

